@import url(common.css);
html,
body {
  min-width: 320px;
  width: 15rem;
  margin: 0 auto;
  height: 100%;
}
ul li {
  list-style: none;
}
* {
  margin: 0;
  padding: 0;
}
.clearfix {
  content: '';
  display: block;
  clear: both;
}
.container {
  width: 15rem;
  height: 100%;
  position: relative;
}
.container .nav-bg {
  width: 15rem;
  height: 6.867187rem;
  background: url(../img/媒体关注_02.png) no-repeat 0 0/100% 100%;
  margin: 0 auto;
  margin-top: -0.703125rem;
}
.container .slide {
  width: 15rem;
  height: 1.5rem;
  margin: 0 auto;
  margin-top: 0.375rem;
  overflow-x: scroll;
}
.container .slide .slide-li {
  width: 19.429687rem;
  height: 1.5rem;
}
.container .slide .slide-li li {
  float: left;
  width: 4.40625rem;
  height: 1.5rem;
  margin-left: 0.023437rem;
}
.container .slide .slide-li li a {
  text-decoration: none;
  display: block;
  width: inherit;
  height: inherit;
  font-size: 0.585937rem;
  color: #f3f3f3;
  background: #333333;
  text-align: center;
  line-height: 1.5rem;
}
.container .slide .slide-li li:nth-of-type(1) a {
  background-color: red;
}
.container .content-a {
  width: 15rem;
}
.container .content-a .content1 {
  width: 15rem;
  height: 8.671875rem;
}
.container .content-a .content1 h1 {
  text-align: center;
  font-size: 0.585937rem;
}
.container .content-a .content1 p {
  width: 13.640625rem;
  height: 5.742187rem;
  margin: 0 auto;
  margin-top: 0.585937rem;
  font-size: 0.46875rem;
  color: #b1b1b1;
  font-weight: lighter;
}
.container .content-a .content1 img {
  width: 15rem;
  height: 0.960937rem;
}
.container .content-a .content2 {
  width: 15rem;
  height: 12.140625rem;
}
.container .content-a .content2 .title {
  width: 13.59375rem;
  margin: 0 auto;
  margin-bottom: 0.585937rem;
}
.container .content-a .content2 .title h1 {
  font-size: 0.46875rem;
  text-align: left;
}
.container .content-a .content2 .title .line {
  width: 3.328125rem;
  height: 0.09375rem;
  background-color: #54ade7;
}
.container .content-a .content2 p {
  width: 13.59375rem;
  height: 3.585937rem;
  font-size: 0.46875rem;
  margin: 0 auto;
  color: #b1b1b1;
  font-weight: lighter;
}
.container .content-a .content2 img {
  display: block;
  margin: 0 auto;
  box-shadow: 0 0 0.234375rem -0.09375rem;
  width: 9.867187rem;
  height: 5.296875rem;
}
.container .content-a .content2 .content2-2 {
  width: 11.648437rem;
  height: 8.109375rem;
  object-fit: cover;
  object-position: top center;
}
.container .content-a div:nth-of-type(3) {
  height: 14.296875rem;
}
.container .content-a div:nth-of-type(4) {
  height: 20.414062rem;
}
.container .content-a div:nth-of-type(4) img:nth-of-type(1) {
  width: 11.625rem;
  height: 6.632812rem;
  box-shadow: unset;
}
.container .content-a div:nth-of-type(4) img:nth-of-type(2) {
  width: 15rem;
  height: 7.21875rem;
  margin-top: 0.46875rem;
}
.container .content-a .new {
  width: 15rem;
  height: 8.390625rem;
  display: flex;
  background-color: #f2f2f2;
}
.container .content-a .new img {
  width: 7.828125rem;
  height: 8.34375rem;
  flex: 1;
}
.container .content-a .new p {
  flex: 1;
  text-align: left;
}
.container .content-a .new p span:nth-of-type(1) {
  display: block;
  font-size: 0.820312rem;
  color: #2e8bd8;
  margin: 1.875rem 0.585937rem auto;
}
.container .content-a .new p span:nth-of-type(2) {
  display: block;
  font-size: 0.585937rem;
  color: #b1b1b1;
  margin-left: 0.585937rem;
  margin-top: 0.46875rem;
}
.container .content-a div:nth-of-type(6) {
  margin: 0.234375rem auto;
}
.container .foot {
  background-color: #f2f2f2;
}
.container .foot .test {
  margin: 0.234375rem auto;
  color: #b1b1b1;
}
